<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>61儿童节汇报演出亲自活动邀请</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/flash.css"/>
	</head>
	<body>
		<div id="web">
			<!--第1页-->
			<div class="section page1">
				<!--中间的圆-->
				<div class="round1"></div>
				<div class="round2"></div>
				<div class="round3"></div>
				<div class="round4"></div>
				<div class="round5"></div>
				<div class="round6"></div>
				<!--各种素材-->
				<div class="page1_p11">
					<img src="images/page1_p11.png"/>
				</div>
				<div class="page1_p10">
					<img src="images/page1_p10.png"/>
				</div>
				<div class="page1_p5">
					<img src="images/page1_p5.png"/>
				</div>
				<div class="page1_p5_round">
					
				</div>
				<div class="page1_p3">
					<img src="images/page1_p3.png"/>
				</div>
				<div class="page1_p1">
					<img src="images/page1_p1.png"/>
				</div>
				<div class="page1_p2">
					<img src="images/page1_p2.png"/>
				</div>
				<div class="page1_p4">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page1_p4_round">
					
				</div>
				<div class="page1_p9">
					<img src="images/page1_p9.png"/>
				</div>
				<div class="page1_p4b">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page1_h1">
					<img src="images/page1_h1.png"/>
				</div>
				<div class="page1_p6">
					<img src="images/page1_p6.png"/>
				</div>
				<div class="page1_p7">
					<img src="images/page1_p7.png"/>
				</div>
				<div class="page1_p8">
					<img src="images/page1_p8.png"/>
				</div>
				<!--闪闪发亮的圆-->
				<div class="round1Mini"></div>
				<div class="round2Mini"></div>
				<div class="round3Mini"></div>
				<div class="round4Mini"></div>
				<div class="round5Mini"></div>
				<div class="round6Mini"></div>
				<div class="round7Mini"></div>
				<div class="round8Mini"></div>
			</div>
			<!--第2页-->
			<div class="section page2">
				<!--中间的圆-->
				<div class="round1"></div>
				<div class="round2"></div>
				<div class="round3"></div>
				<div class="round4"></div>
				<div class="round5"></div>
				<div class="round6"></div>
				<!--各种素材-->
				<div class="page2_p4_round">
					
				</div>
				<div class="page2_p4">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page2_p2">
					<img src="images/page1_p2.png"/>
				</div>
				<div class="page2_p12">
					<img src="images/page2_p12.png"/>
				</div>
				<div class="page2_p12_round">
					
				</div>
				<div class="page2_head">
					诚挚邀请
				</div>
				<div class="page2_content">
					<p>六一儿童节即将到来，</p>
					<p>为此，我们安排了丰富多彩的节目，挚诚地邀请您参加。为了活动更好地开展，我们做了如下的安排：</p>
				</div>
				<div class="page2_timeOrWhere">
					<p>时间：4月1日9：30—11：30</p>
					<p>地点：XX幼儿园操场</p>
				</div>
				<div class="page2_warn">
					<p>温馨提示： 　　</p>
					<p>活动后，请您进班接孩子，拿到幼儿接送卡，出校门出示接送卡。(如果您路途遥远，请你安排好家人于11：30在家接
						孩子。)
					</p>
				</div>
				<!--闪闪发亮的圆-->
				<div class="round1Mini"></div>
				<div class="round2Mini"></div>
				<div class="round3Mini"></div>
				<div class="round4Mini"></div>
				<div class="round5Mini"></div>
				<div class="round6Mini"></div>
				<div class="round7Mini"></div>
				<div class="round8Mini"></div>
			</div>
			<!--第3页-->
			<div class="section page3">
				<!--中间的圆-->
				<div class="round1"></div>
				<div class="round2"></div>
				<div class="round3"></div>
				<div class="round4"></div>
				<div class="round5"></div>
				<div class="round6"></div>
				<!--各种素材-->
				<div class="page3_p4_round"></div>
				<div class="page3_p4">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page3_p12">
					<img src="images/page2_p12.png"/>
				</div>
				<div class="page3_textBox"></div>
				<div class="page3_p13">
					<img src="images/page3_13.png"/>
				</div>
				<div class="page3_p14">
					<img src="images/page3_14.png"/>
				</div>
				<div class="page3_p15">
					<img src="images/page3_15.png"/>
				</div>
				<div class="page3_showList">
					节目单
				</div>
				<div class="page3_list1">
					<p>歌唱表演《我上幼儿园》 </p>
					<p>表演者 : 张毛毛</p>
				</div>
				<div class="page3_list2">
					<p>舞蹈表演《太阳花》  </p>
					<p>表演者 : 李思思</p>
				</div>
				<div class="page3_list3">
					<p>歌唱表演《我上幼儿园》 </p>
					<p>表演者 : 张毛毛</p>
				</div>
				<div class="page3_list4">
					<p>舞蹈表演《太阳花》 </p>
					<p>表演者 : 李思思</p>
				</div>
				<div class="page3_list5">
					<p>歌唱表演《我上幼儿园》  </p>
					<p>表演者 : 张毛毛</p>
				</div>
				<!--闪闪发亮的圆-->
				<div class="round1Mini"></div>
				<div class="round2Mini"></div>
				<div class="round3Mini"></div>
				<div class="round4Mini"></div>
				<div class="round5Mini"></div>
				<div class="round6Mini"></div>
				<div class="round7Mini"></div>
				<div class="round8Mini"></div>
			</div>
			<!--第4页-->
			<div class="section page4">
				<!--中间的圆-->
				<div class="round1"></div>
				<div class="round2"></div>
				<div class="round3"></div>
				<div class="round4"></div>
				<div class="round5"></div>
				<div class="round6"></div>
				<!--各种素材-->
				<div class="page4_p4_round"></div>
				<div class="page4_p4">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page4_p16">
					<img src="images/page4_p16.png"/>
				</div>
				<div class="page4_p12">
					<img src="images/page2_p12.png"/>
				</div>
				<div class="page4_p12_round">
					
				</div>
				<div class="page4_textBox"></div>
				<div class="page4_process">
					活动流程
				</div>
				<div class="page4_textBoxMini"></div>
				<div class="page4_nail1"></div>
				<div class="page4_nail2"></div>
				<div class="page4_nail3"></div>
				<div class="page4_nail4"></div>
				<div class="page4_nail5"></div>
				<div class="page4_nail6"></div>
				<div class="page4_process_time1">
					<span>9:00—9:30</span>
				</div>
				<div class="page4_process_content1">
					<span>各班化妆时间</span>
				</div>
				<div class="page4_process_time2">
					<span>9:30—10:00</span>
				</div>
				<div class="page4_process_content2">
					<span>各班T台秀展示</span>
				</div>
				<div class="page4_process_time3">
					<span>10:00—11:00</span>
				</div>
				<div class="page4_process_content3">
					<span>亲子通关游戏</span>
				</div>
				<div class="page4_process_time4">
					<span>11:00—11:30</span>
				</div>
				<div class="page4_process_content4">
					<span>颁奖</span>
				</div>
				<div class="page4_process_time5">
					<span>11:00—11:30</span>
				</div>
				<div class="page4_process_content5">
					<span>合影</span>
				</div>
				<div class="page4_process_time6">
					<span>11:50</span>
				</div>
				<div class="page4_process_content6">
					<span>活动结束</span>
				</div>
				<!--闪闪发亮的圆-->
				<div class="round1Mini"></div>
				<div class="round2Mini"></div>
				<div class="round3Mini"></div>
				<div class="round4Mini"></div>
				<div class="round5Mini"></div>
			</div>
			<!--第5页-->
			<div class="section page5">
				<!--中间的圆-->
				<div class="round1"></div>
				<div class="round2"></div>
				<div class="round3"></div>
				<div class="round4"></div>
				<div class="round5"></div>
				<div class="round6"></div>
				<!--各种素材-->
				<div class="page5_p4_round"></div>
				<div class="page5_p4">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page5_p12">
					<img src="images/page2_p12.png"/>
				</div>
				<div class="page5_p12_round">
					
				</div>
				<div class="page5_photoBox1">
					<div class="page5_photoMiniBox1">
						<img src="images/page5_photo1.jpg"/>
					</div>
				</div>
				<div class="page5_photoBox2">
					
				</div>
				<div class="page5_photoMiniBox2_1">
					<img src="images/page5_photo2_1.jpg"/>
				</div>
				<div class="page5_photoMiniBox2_2">
					<img src="images/page5_photo2_2.jpg"/>
				</div>
				<div class="page5_photoBox3">
					<div class="page5_photoMiniBox3">
						<img src="images/page5_photo3.jpg"/>
					</div>
				</div>
				<div class="page5_review">
					往期回顾
				</div>
				<!--闪闪发亮的圆-->
				<div class="round1Mini"></div>
				<div class="round2Mini"></div>
				<div class="round3Mini"></div>
				<div class="round4Mini"></div>
				<div class="round5Mini"></div>
				<div class="round6Mini"></div>
			</div>
			<!--第6页-->
			<div class="section page6">
				<!--中间的圆-->
				<div class="round1"></div>
				<div class="round2"></div>
				<div class="round3"></div>
				<div class="round4"></div>
				<div class="round5"></div>
				<div class="round6"></div>
				<!--各种素材-->
				<div class="page6_p11">
					<img src="images/page1_p11.png"/>
				</div>
				<div class="page6_p4a">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page6_p12">
					<img src="images/page2_p12.png"/>
				</div>
				<div class="page6_textBox"></div>
				<div class="page6_p9">
					<img src="images/page1_p9.png"/>
				</div>
				<div class="page6_p2">
					<img src="images/page1_p2.png"/>
				</div>
				<div class="page6_p4">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page6_p4b">
					<img src="images/page1_p4.png"/>
				</div>
				<div class="page6_signUp">
					活动报名
				</div>
				<div class="page6_name">
					姓名 
					<input type="text" name="" id="" value="" />
				</div>
				<div class="page6_phone">
					电话 
					<input type="text" name="" id="" value="" />
				</div>
				<div class="page6_class">
					班级 
					<input type="text" name="" id="" value="" />
				</div>
				<div class="page6_peopleCount">
					到场人数
					<input type="text" name="" id="" value="" />
				</div>
				<div class="page6_submit">
					提交
				</div>
				<div class="page6_other clearfix">
					<p>电话:010-88888888</p>
					<div class="imgBox">
						<img src="images/page6_other.jpg"/>
					</div>
					<div class="message">
						本次活动不收取任何费用,请家长悉知.
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
		<script type="text/javascript">
			//jq写法，$("")获取页面元素,双引号里面写css3选择器
			$("#web").fullpage({
				//对象写法
				//属性：值（数字、字符串、对象、数组、布尔值、null、underfined、函数）
//				sectionsColor:["#ff0000","#00ff00","#0000ff"],
				//导航小姐
				navigation:true,
				//触摸的敏感度，越大越难滑
				tochSensitivity:5,
				//当滑到每一页结束之后触发的函数
				//可以在触发时给每个页面添加激活类（active）
				//参数：锚点序号，页面序号
//				afterLoad:function(anchorIndex,index){
////					console.log("滑动结束了");
////					console.log(anchorIndex,index);
//					//虽然此处的index是从1开始，但是js的序号是从0开始
//					//如果index等于1时，就执行...
//					if(index==1){
//						//先找到.section的元素，再从里面找第0个
//						$(".section").eq(0).addClass("active");=
//					}
//				}
			});
			//自动计算根字体大小脚本
			//安卓的输入法虚拟键盘会影响Body的高度，所以在加载时，将body的原本高度给固定住
			document.body.style.height = window.innerHeight + "px";
			
	        /*动态改变根元素字体大小*/
	        function recalc() {
	            var clientWidth = document.documentElement.clientWidth;
	            if(!clientWidth) return;
	            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
	                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
	        }
	
	        function initRecalc() {
	            recalc();
	            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	            if(!document.addEventListener) return;
	            window.addEventListener(resizeEvt, recalc, false);
	            document.addEventListener('DOMContentLoaded', recalc, false);
	        }
	        initRecalc();
		</script>
	</body>
</html>
